@charset "UTF-8";body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td,menu {
    margin: 0;
    padding: 0
}

fieldset,img {
    border: 0
}

:focus {
    outline: 0
}

address,caption,cite,code,dfn,th,var,optgroup {
    font-style: normal;
    font-weight: 400
}

strong {
    font-weight: 400
}

em {
    font-style: normal
}

h1,h2,h3,h4,h5,h6 {
    font-size: 100%;
    font-weight: 400;
    font-family: sans-serif
}

abbr,acronym {
    border: 0;
    font-variant: normal
}

code,kbd,samp,tt {
    font-size: 100%
}

input,button,textarea,select {
    *font-size: 100%;
    border: 0
}

body {
    background: #fff;
    color: #5e5e5e;
    font: 14px/2em "PingFang SC","微软雅黑","Microsoft YaHei",Helvetica,"Helvetica Neue",Tahoma,Arial,sans-serif
}

ol,ul {
    list-style: none
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

caption,th {
    text-align: left
}

sup,sub {
    font-size: 100%;
    vertical-align: baseline
}

:link,:visited,ins {
    text-decoration: none
}

blockquote,q {
    quotes: none
}

blockquote:before,blockquote:after,q:before,q:after {
    content: '';
    content: none
}

a:link,a:visited {
    color: #5e5e5e
}

a:active {
    color: #666
}

.clearfix:after {
    content: '\0020';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden
}

.clearfix {
    *zoom:1}

.l {
    float: left
}

.r {
    float: right
}

.clear {
    height: 0;
    overflow: hidden;
    clear: both
}

.hide {
    display: none
}

.btn.hide {
    display: none
}

a.hidefocus {
    outline: 0
}

button.hidefocus::-moz-focus-inner {
    border: 0
}

a:focus {
    outline: 0;
    -moz-outline: 0
}

input,textarea {
    outline: 0
}

html {
    font-family: sans-serif;
    -ms-text-size-adjust: 100%;
    -webkit-text-size-adjust: 100%
}

[hidden],template {
    display: none
}

a {
    background-color: transparent
}

a:focus,a:active,a:hover {
    outline: 0;
    -moz-outline: 0
}

button,input,optgroup,select,textarea {
    color: inherit;
    font: inherit;
    margin: 0
}

button {
    overflow: visible
}

button,select {
    text-transform: none
}

button,html input[type=button],input[type=reset],input[type=submit] {
    -webkit-appearance: button;
    cursor: pointer
}

button[disabled],html input[disabled] {
    cursor: default
}

button::-moz-focus-inner,input::-moz-focus-inner {
    border: 0;
    padding: 0
}

input {
    line-height: normal
}

input[type=checkbox],input[type=radio] {
    box-sizing: border-box;
    padding: 0
}

textarea {
    overflow: auto
}

table {
    border-collapse: collapse;
    border-spacing: 0
}

* {
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    -webkit-tap-highlight-color: transparent
}

@font-face {
    font-family: imwap;
    src: url(/static/wap/static/common/fonts/fonts/imwap.eot?20190218);
    src: url(/static/wap/static/common/fonts/fonts/imwap.eot?20190218#iefix) format('embedded-opentype'),url(/static/wap/static/common/fonts/fonts/imwap.ttf?20190218) format('truetype'),url(/static/wap/static/common/fonts/fonts/imwap.woff?20190218) format('woff'),url(/static/wap/static/common/fonts/fonts/imwap.svg?20190218#imwap) format('svg');
    font-weight: 400;
    font-style: normal
}

[class^=imwap-],[class*=" imwap-"] {
    font-family: imwap!important;
    speak: none;
    font-style: normal;
    font-weight: 400;
    font-variant: normal;
    text-transform: none;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale
}

.imwap-zhuanlanjiaqun:before {
    content: "\e925"
}

.imwap-xiangqing:before {
    content: "\e924"
}

.imwap-shuminghao-xia:before {
    content: "\e922"
}

.imwap-shuminghao-shang:before {
    content: "\e923"
}

.imwap-tiaozhuan:before {
    content: "\e918"
}

.imwap-star-half:before {
    content: "\e90f"
}

.imwap-local:before {
    content: "\e90e"
}

.imwap-star-choose:before {
    content: "\e90d"
}

.imwap-out:before {
    content: "\e90c"
}

.imwap-imwap-Center:before {
    content: "\e904"
}

.imwap-zixun:before {
    content: "\e947"
}

.imwap-zhankai:before {
    content: "\e946"
}

.imwap-gouwuche:before {
    content: "\e943"
}

.imwap-shoucang:before {
    content: "\e944"
}

.imwap-zhuanqian:before {
    content: "\e945"
}

.imwap-center:before {
    content: "\e941"
}

.imwap-qianbao:before {
    content: "\e942"
}

.imwap-uniE940:before {
    content: "\e940"
}

.imwap-menu:before {
    content: "\e93e"
}

.imwap-comment1:before {
    content: "\e93f"
}

.imwap-album:before {
    content: "\e93c"
}

.imwap-lock:before {
    content: "\e93d"
}

.imwap-news:before {
    content: "\e92d"
}

.imwap-arrow_back:before {
    content: "\e936"
}

.imwap-arrow_downward:before {
    content: "\e937"
}

.imwap-arrow_forward:before {
    content: "\e938"
}

.imwap-arrow_upward:before {
    content: "\e939"
}

.imwap-lightbulb_outline:before {
    content: "\e93a"
}

.imwap-mail:before {
    content: "\e935"
}

.imwap-phone:before {
    content: "\e934"
}

.imwap-pathintroduce:before {
    content: "\e91b"
}

.imwap-pathchapter:before {
    content: "\e91c"
}

.imwap-buysuccess:before {
    content: "\e919"
}

.imwap-buyfailure:before {
    content: "\e91a"
}

.imwap-icon-imooc:before {
    content: "\e914"
}

.imwap-I-of-course:before {
    content: "\e910"
}

.imwap-I-practice:before {
    content: "\e911"
}

.imwap-My-article:before {
    content: "\e912"
}

.imwap-my-question:before {
    content: "\e913"
}

.imwap-weibo:before {
    content: "\e909"
}

.imwap-wechat:before {
    content: "\e90a"
}

.imwap-qq:before {
    content: "\e90b"
}

.imwap-comment:before {
    content: "\e906"
}

.imwap-add_question:before {
    content: "\e907"
}

.imwap-code:before {
    content: "\e86f"
}

.imwap-sort:before {
    content: "\e164"
}

.imwap-close:before {
    content: "\e908"
}

.imwap-nav_menu:before {
    content: "\e905"
}

.imwap-more_horiz:before {
    content: "\e5d3"
}

.imwap-more_vert:before {
    content: "\e5d4"
}

.imwap-arrow_l:before {
    content: "\e903"
}

.imwap-arrow_r:before {
    content: "\e915"
}

.imwap-arrow_u:before {
    content: "\e916"
}

.imwap-arrow_d:before {
    content: "\e917"
}

.imwap-cart:before {
    content: "\e8cc"
}

.imwap-checkbox:before {
    content: "\e834"
}

.imwap-checkbox_o:before {
    content: "\e835"
}

.imwap-radiobutton:before {
    content: "\e837"
}

.imwap-radiobutton_o:before {
    content: "\e836"
}

.imwap-edit:before {
    content: "\e254"
}

.imwap-search:before {
    content: "\e8b6"
}

.imwap-share:before {
    content: "\e80d"
}

.imwap-photo:before {
    content: "\e410"
}

.imwap-thumb_down:before {
    content: "\e8db"
}

.imwap-thumb_up:before {
    content: "\e8dc"
}

.imwap-check:before {
    content: "\e5ca"
}

.imwap-check_circle:before {
    content: "\e86c"
}

.imwap-error:before {
    content: "\e000"
}

.imwap-visibility:before {
    content: "\e8f4"
}

.imwap-visibility_off:before {
    content: "\e8f5"
}

.imwap-star:before {
    content: "\e838"
}

.imwap-favorite:before {
    content: "\e87d"
}

.imwap-play_arrow:before {
    content: "\e037"
}

.imwap-pause:before {
    content: "\e034"
}

.imwap-volume_off:before {
    content: "\e04f"
}

.imwap-volume_mute:before {
    content: "\e04e"
}

.imwap-volume_down:before {
    content: "\e04d"
}

.imwap-volume_up:before {
    content: "\e050"
}

.imwap-fullscreen:before {
    content: "\e5d0"
}

.imwap-fullscreen_exit:before {
    content: "\e5d1"
}

.imwap-panorama-fisheye:before {
    content: "\e900"
}

.imwap-Progress2:before {
    content: "\e901"
}

.imwap-insert_drive_file:before {
    content: "\e902"
}

.imwap-folder:before {
    content: "\e91d"
}

.imwap-help:before {
    content: "\e91e"
}

.imwap-loop:before {
    content: "\e91f"
}

.imwap-smile:before {
    content: "\e920"
}

.imwap-happy:before {
    content: "\e921"
}

.imwap-school:before {
    content: "\e92a"
}

.imwap-set-sns:before {
    content: "\e92b"
}

.imwap-hourglass_empty:before {
    content: "\e92c"
}

.imwap-imooc:before {
    content: "\e93b"
}

.imwap-Answer:before {
    content: "\e92e"
}

.imwap-peaple:before {
    content: "\e92f"
}

.imwap-schedule:before {
    content: "\e930"
}

.imwap-feedback:before {
    content: "\e931"
}

.imwap-sync:before {
    content: "\e932"
}

.imwap-qr-code:before {
    content: "\e933"
}

.flex {
    display: -webkit-box;
    display: -ms-flexbox;
    display: -webkit-flex;
    display: flex;
    flex-direction: column;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    -webkit-justify-content: center;
    justify-content: center;
    -webkit-box-align: center;
    -ms-flex-align: center;
    -webkit-align-items: center;
    align-items: center
}

.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

.wordbreak {
    word-break: break-all;
    word-wrap: break-word
}

html,body {
    height: 100%
}

header {
    width: 100%;
    height: 1.49333333rem;
    padding-left: .37333333rem;
    position: fixed;
    top: 0;
    background: #fff;
    z-index: 99999;
    box-sizing: border-box;
    box-shadow: 0 2px 2px 0 rgba(28,31,33,.1)
}

header .header {
    width: 100%;
    height: 100%
}

header .header .goback {
    display: block;
    float: left;
    margin-top: .42666667rem;
    height: .64rem;
    line-height: .64rem;
    font-size: 0
}

header .header .goback i {
    display: inline-block;
    vertical-align: top;
    font-size: .64rem;
    color: #B7BBBF
}

header .header .goback span {
    display: inline-block;
    width: 4.26666667rem;
    margin-left: .32rem;
    font-size: .42666667rem;
    color: #2B333B;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

header .header .download-login {
    display: block;
    float: right;
    margin-top: .21333333rem;
    margin-right: .37333333rem;
    width: 3.44rem;
    height: .85333333rem;
    line-height: .85333333rem;
    background: rgba(242,13,13,.06);
    border-radius: .42666667rem
}

header .header .download-login a {
    float: left;
    font-weight: 700;
    font-size: .32rem;
    color: #F01414;
    text-align: center
}

header .header .download-login .download-btn {
    width: 2.02666667rem
}

header .header .download-login .login-btn {
    width: 1.38666667rem
}

header .header .download-login .column {
    margin-top: .26666667rem;
    width: .02666667rem;
    height: .32rem;
    background: rgba(242,13,13,.2)
}

header .header .index-search {
    float: right;
    margin-right: .10666667rem;
    width: 1.06666667rem;
    height: 1.28rem;
    line-height: 1.28rem;
    font-size: .64rem;
    color: #B7BBBF;
    text-align: center
}

header .header .drawer-box {
    float: right;
    position: relative
}

header .header .drawer-box .imwap-more_vert {
    display: inline-block;
    width: 1.28rem;
    height: 1.49333333rem;
    line-height: 1.49333333rem;
    font-size: .64rem;
    color: #B7BBBF;
    text-align: center
}

header .header .drawer-box .drawer-content {
    display: none;
    position: absolute;
    right: 0;
    top: 1.49333333rem;
    width: 3.25333333rem;
    padding-top: .24rem;
    padding-bottom: .21333333rem;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(28,31,33,.1),0 4px 8px 0 rgba(28,31,33,.1),0 8px 16px 0 rgba(28,31,33,.1),0 12px 24px 0 rgba(28,31,33,.1),0 16px 32px 0 rgba(28,31,33,.1);
    border-bottom-left-radius: .34666667rem;
    border-bottom-right-radius: .34666667rem
}

header .header .drawer-box .drawer-content .drawer-item {
    display: block;
    padding-left: .53333333rem;
    height: 1.06666667rem;
    line-height: 1.06666667rem;
    font-size: .37333333rem;
    color: #2B333B
}

header .header .drawer-box .drawer-content .drawer-item i {
    margin-right: .21333333rem
}

header .header .drawer-box .drawer-content .line-row {
    position: absolute;
    top: 0;
    left: .53333333rem;
    width: 2.18666667rem;
    height: .02666667rem;
    background: rgba(43,51,59,.1)
}

header .header .drawer-box.draweron .drawer-content {
    display: block
}

header .header .header-share {
    display: block;
    float: right;
    margin-right: .10666667rem;
    width: 1.28rem;
    height: 1.49333333rem;
    line-height: 1.49333333rem;
    font-size: .64rem;
    color: #B7BBBF;
    text-align: center
}

header .header .app-load {
    float: right;
    margin-top: .32rem;
    margin-right: .10666667rem;
    width: 2.34666667rem;
    height: .85333333rem;
    line-height: .85333333rem;
    background: rgba(240,20,20,.05);
    border-radius: .42666667rem;
    font-weight: 700;
    font-size: .37333333rem;
    color: #F01414;
    text-align: center
}

header.directory1 {
    border-top: 0 solid #fff;
    border-width: .21333333rem;
    box-shadow: none
}

header.directory1 .header .logo {
    float: left;
    margin-top: .32rem;
    width: 2.18666667rem;
    height: .64rem
}

header.directory1 .header .logo img {
    width: 100%
}

header.directory1 .header .adver-con {
    display: inline-block;
    margin-left: .29333333rem;
    margin-top: .16rem;
    min-width: .96rem;
    max-width: 2.13333333rem;
    height: .96rem;
    overflow: hidden
}

header.directory1 .header .header-avator {
    margin-top: .26666667rem;
    margin-right: .37333333rem;
    width: .74666667rem;
    height: .74666667rem
}

header.directory1 .header .header-avator i {
    font-size: .74666667rem
}

header.directory1 .header .header-avator img {
    width: 100%;
    height: 100%;
    border-radius: 50%
}

header.directory1 .header .app-load {
    margin-top: .21333333rem
}

header.directory2 .page-title {
    float: left;
    margin-top: .37333333rem
}

header.directory2 .page-title .imwap-icon-imooc {
    float: left;
    font-size: .74666667rem;
    color: #F01414
}

header.directory2 .page-title .page-title-name {
    float: left;
    margin-left: .32rem;
    height: .74666667rem;
    line-height: .74666667rem;
    font-size: 0;
    color: #2B333B
}

header.directory2 .page-title .page-title-name span {
    font-weight: 700;
    font-size: .48rem
}

header.directory2 .page-title .page-title-name i {
    margin-left: .21333333rem;
    font-size: .42666667rem;
    color: #B7BBBF
}

header.searching {
    padding-left: .42666667rem;
    padding-right: .42666667rem;
    padding-top: .32rem;
    box-shadow: 0 2px 2px 0 rgba(28,31,33,.1);
    border-top: 0
}

header.searching .logo,header.searching .adver-con,header.searching .download-login,header.searching .index-search,header.searching .header-avator,header.searching .app-load {
    display: none
}

header.searching .search-box {
    width: 100%
}

header.searching .search-box .search-input {
    float: left;
    width: 7.94666667rem;
    height: .85333333rem;
    padding-left: .32rem;
    padding-right: .32rem;
    border: 0 solid #F3F5F7;
    border-width: .05333333rem;
    border-radius: .10666667rem;
    box-sizing: border-box;
    position: relative
}

header.searching .search-box .search-input .search {
    width: 6.13333333rem;
    height: 100%;
    font-size: .37333333rem;
    color: #B7BBBF
}

header.searching .search-box .search-input .search-action {
    position: absolute;
    right: .32rem;
    top: .13333333rem;
    height: .48rem;
    line-height: .48rem;
    font-size: .48rem;
    color: #B7BBBF
}

header.searching .search-box .search-input .search-action button {
    background: #fff
}

header.searching .search-box .cancel {
    float: right;
    margin-top: .21333333rem;
    font-size: .37333333rem;
    color: #2B333B;
    line-height: .42666667rem
}

header .page-tab-wrap {
    display: none;
    width: 100%;
    position: absolute;
    left: 0;
    top: 1.49333333rem;
    background: #FFF;
    box-shadow: 0 2px 4px 0 rgba(28,31,33,.1),0 4px 8px 0 rgba(28,31,33,.1),0 8px 16px 0 rgba(28,31,33,.1),0 12px 24px 0 rgba(28,31,33,.1),0 16px 32px 0 rgba(28,31,33,.1);
    border-bottom-left-radius: .37333333rem;
    border-bottom-right-radius: .37333333rem
}

header .page-tab-wrap .page-tab-list {
    width: 9.14666667rem;
    margin: 0 auto;
    padding-top: .42666667rem;
    padding-bottom: .42666667rem;
    border-top: 0 solid rgba(43,51,59,.1);
    border-width: .02666667rem;
    font-size: 0
}

header .page-tab-wrap .page-tab-list .page-tab-item {
    display: inline-block;
    width: 2.93333333rem;
    height: 1.01333333rem;
    line-height: 1.01333333rem;
    font-weight: 700;
    font-size: .37333333rem;
    text-align: center;
    margin-left: .16rem;
    margin-bottom: .16rem
}

header .page-tab-wrap .page-tab-list .page-tab-item:nth-child(3n+1) {
    margin-left: 0
}

header .page-tab-wrap .page-tab-list .page-tab-item:last-child {
    margin-bottom: 0
}

header .page-tab-wrap .page-tab-list .page-tab-item.active {
    background: rgba(240,20,20,.05);
    border-radius: .53333333rem;
    color: #F01414
}

header.pageon .page-tab-wrap {
    display: block
}

.search-record {
    position: relative;
    z-index: 99998;
    background-color: #fff;
    padding-left: .26666667rem;
    padding-right: .26666667rem;
    height: 100%;
    box-sizing: border-box;
    padding-top: 1.49333333rem
}

.search-record .search-tit {
    font-size: 14px;
    color: #2B333B;
    letter-spacing: 0;
    line-height: .53333333rem;
    margin-top: .26666667rem;
    margin-bottom: .21333333rem
}

[data-dpr="2"] .search-record .search-tit {
    font-size: 28px
}

[data-dpr="2.5"] .search-record .search-tit {
    font-size: 35px
}

[data-dpr="2.75"] .search-record .search-tit {
    font-size: 39px
}

[data-dpr="3"] .search-record .search-tit {
    font-size: 42px
}

[data-dpr="4"] .search-record .search-tit {
    font-size: 56px
}

.search-record dl {
    margin-bottom: .53333333rem
}

.search-record dd {
    float: left;
    margin-right: .16rem;
    margin-bottom: .16rem
}

.search-record dd a {
    display: block;
    font-size: 12px;
    color: #71777D;
    letter-spacing: 0;
    line-height: .48rem;
    padding-top: .16rem;
    padding-bottom: .16rem;
    padding-left: .4rem;
    padding-right: .4rem;
    background: #F3F5F7;
    border-radius: .10666667rem
}

[data-dpr="2"] .search-record dd a {
    font-size: 24px
}

[data-dpr="2.5"] .search-record dd a {
    font-size: 30px
}

[data-dpr="2.75"] .search-record dd a {
    font-size: 33px
}

[data-dpr="3"] .search-record dd a {
    font-size: 36px
}

[data-dpr="4"] .search-record dd a {
    font-size: 48px
}

.mask-box {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(43,51,59,.6)
}

.header-menu {
    height: 1.28rem;
    background: #fff;
    width: 100%;
    box-sizing: border-box;
    visibility: hidden
}

.header-menu.fixed {
    position: fixed;
    background: #fff;
    z-index: 999;
    visibility: visible;
    top: 1.49333333rem
}

.header-menu ul {
    display: flex;
    height: 100%
}

.header-menu li {
    flex-grow: 1;
    text-align: center;
    position: relative
}

.header-menu li::before {
    display: none;
    content: " ";
    width: .21333333rem;
    height: .08rem;
    background: #F01414;
    border-radius: .04rem;
    position: absolute;
    bottom: 0;
    left: 50%;
    margin-left: -.10666667rem
}

.header-menu li.cur::before {
    display: block
}

.header-menu li.cur a {
    color: #F01414
}

.header-menu a {
    display: block;
    font-weight: 700;
    font-size: .42666667rem;
    color: #71777D;
    line-height: 1.28rem
}

footer {
    width: 100%;
    height: 1.30666667rem;
    position: fixed;
    bottom: 0;
    box-shadow: 0 0 10px 1px rgba(7,17,27,.1);
    z-index: 99997;
    font-size: 0;
    box-sizing: border-box;
    background-color: #fff
}

footer .footer {
    height: 100%;
    color: #93999f;
    text-align: center
}

footer .footer li {
    width: 20%;
    float: left;
    height: 100%
}

footer .footer li a {
    display: block;
    height: 100%;
    color: inherit;
    box-sizing: border-box;
    padding-top: .17333333rem
}

footer .footer li i {
    display: block;
    font-size: 24px;
    margin: auto
}

[data-dpr="2"] footer .footer li i {
    font-size: 48px
}

[data-dpr="2.5"] footer .footer li i {
    font-size: 60px
}

[data-dpr="2.75"] footer .footer li i {
    font-size: 66px
}

[data-dpr="3"] footer .footer li i {
    font-size: 72px
}

[data-dpr="4"] footer .footer li i {
    font-size: 96px
}

footer .footer li span {
    display: inline-block;
    font-size: 10px;
    line-height: .26666667rem;
    margin-top: .08rem
}

[data-dpr="2"] footer .footer li span {
    font-size: 20px
}

[data-dpr="2.5"] footer .footer li span {
    font-size: 25px
}

[data-dpr="2.75"] footer .footer li span {
    font-size: 28px
}

[data-dpr="3"] footer .footer li span {
    font-size: 30px
}

[data-dpr="4"] footer .footer li span {
    font-size: 40px
}

footer .footer li.cur {
    color: #fc3154
}

footer .footer li.cur a {
    color: inherit
}

footer .footer li.cur a i {
    color: #f01414
}

.footer-appload {
    padding-top: .26666667rem;
    padding-bottom: .26666667rem;
    padding-left: .64rem;
    padding-right: .64rem;
    font-size: .37333333rem;
    color: #2B333B;
    letter-spacing: 0;
    line-height: .58666667rem;
    border: 1px solid #D9DDE1;
    position: fixed;
    bottom: 0;
    left: 0;
    right: 0;
    background: #fff;
    z-index: 1
}

.footer-appload .logo {
    width: .8rem;
    height: .8rem;
    margin-right: .21333333rem;
    vertical-align: middle
}

.footer-appload a {
    border: 1px solid #2B333B;
    border-width: .02666667rem;
    border-radius: .10666667rem;
    padding-top: .02666667rem;
    padding-bottom: .02666667rem;
    padding-left: .26666667rem;
    padding-right: .26666667rem;
    margin-top: .06666667rem
}

.footer-appload .footer-appload-close {
    font-size: 18px;
    color: #71777D;
    letter-spacing: 0;
    margin-left: .42666667rem;
    line-height: .8rem
}

[data-dpr="2"] .footer-appload .footer-appload-close {
    font-size: 36px
}

[data-dpr="2.5"] .footer-appload .footer-appload-close {
    font-size: 45px
}

[data-dpr="2.75"] .footer-appload .footer-appload-close {
    font-size: 50px
}

[data-dpr="3"] .footer-appload .footer-appload-close {
    font-size: 54px
}

[data-dpr="4"] .footer-appload .footer-appload-close {
    font-size: 72px
}

#bargain_enter {
    width: 100%;
    height: 1.86667rem;
    position: fixed;
    bottom: 1.3rem;
    z-index: 9
}

#bargain_enter a:first-child {
    width: 100%;
    height: 100%
}

.bargain-close {
    width: .69rem;
    height: .69rem;
    border-radius: 50%;
    background: #fff;
    position: absolute;
    right: 5%;
    top: 50%;
    text-align: center;
    line-height: .69rem;
    margin-top: -.345rem;
    font-size: .53rem;
    color: #F43131
}

@media (max-width: 321px) {
    .footer-appload {
        font-size:.29333333rem
    }
}

.mask-view {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: 99999;
    background-color: rgba(0,0,0,.35)
}

.share-box {
    z-index: 100000;
    position: fixed;
    background: #f3f5f7;
    bottom: 0;
    width: 100%
}

.share-box ul {
    overflow: hidden
}

.share-box ul a {
    display: block
}

.share-box ul li {
    float: left;
    margin-top: .66666667rem;
    margin-bottom: .77333333rem;
    text-align: center;
    width: 33%;
    font-size: 1.2rem;
    color: #2b333b
}

.share-box ul li .imwap-qq {
    color: #5ca3e1
}

.share-box ul li .imwap-weibo {
    color: #f26868
}

.share-box ul li .imwap-wechat {
    font-size: 1rem;
    color: #85d16d
}

.share-box ul li .imwap-friends {
    font-size: 1rem;
    color: #ee769c
}

.share-box ul li span {
    display: block;
    font-size: 12px;
    margin-top: .16rem;
    line-height: 1
}

[data-dpr="2"] .share-box ul li span {
    font-size: 24px
}

[data-dpr="2.5"] .share-box ul li span {
    font-size: 30px
}

[data-dpr="2.75"] .share-box ul li span {
    font-size: 33px
}

[data-dpr="3"] .share-box ul li span {
    font-size: 36px
}

[data-dpr="4"] .share-box ul li span {
    font-size: 48px
}

.share-box ul li.share-wechat,.share-box ul li.share-friends {
    margin-top: .8rem
}

.share-box ul li.share-wechat span,.share-box ul li.share-friends span {
    margin-top: .2rem
}

.share-box .btn-share-cancel {
    text-align: center;
    background: #fff;
    display: block;
    font-size: .48rem;
    line-height: 1.33333333rem;
    color: #2b333b
}

.share-box-wx li {
    width: 25%!important;
    font-size: 1.2rem
}

.shadow {
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    background-color: #fff;
    margin-bottom: .32rem
}

.tips-box {
    position: fixed;
    width: 100%;
    bottom: 4rem;
    text-align: center;
    z-index: 10
}

.tips-box .small-tips {
    border-radius: .10666667rem;
    padding-top: .13333333rem;
    padding-bottom: .13333333rem;
    padding-left: .4rem;
    padding-right: .4rem;
    box-shadow: 0 2px 4px 0 rgba(0,0,0,.1);
    background-color: #fff;
    margin-bottom: .32rem;
    font-size: 14px
}

[data-dpr="2"] .tips-box .small-tips {
    font-size: 28px
}

[data-dpr="2.5"] .tips-box .small-tips {
    font-size: 35px
}

[data-dpr="2.75"] .tips-box .small-tips {
    font-size: 39px
}

[data-dpr="3"] .tips-box .small-tips {
    font-size: 42px
}

[data-dpr="4"] .tips-box .small-tips {
    font-size: 56px
}

.tips-box .small-tips i {
    margin-right: .13333333rem;
    font-size: 18px;
    vertical-align: middle
}

[data-dpr="2"] .tips-box .small-tips i {
    font-size: 36px
}

[data-dpr="2.5"] .tips-box .small-tips i {
    font-size: 45px
}

[data-dpr="2.75"] .tips-box .small-tips i {
    font-size: 50px
}

[data-dpr="3"] .tips-box .small-tips i {
    font-size: 54px
}

[data-dpr="4"] .tips-box .small-tips i {
    font-size: 72px
}

.tips-box .small-tips span {
    vertical-align: middle
}

.tips-box .small-tips i.success {
    color: #00b33b
}

.tips-box .small-tips i.error {
    color: #f01414
}

.msg_dialog {
    position: fixed;
    top: 50%;
    left: 50%;
    background: #FFF;
    z-index: 999;
    color: #545C63;
    box-sizing: border-box;
    border-radius: .21333333rem;
    padding-top: .74666667rem;
    padding-bottom: .74666667rem;
    padding-left: .56rem;
    padding-right: .56rem
}

.msg_dialog h3 {
    color: #000;
    font-size: .45333333rem;
    font-weight: 700;
    text-align: center;
    margin-bottom: .05333333rem
}

.msg_dialog .text {
    color: #000;
    font-size: .34666667rem;
    text-align: center;
    line-height: 16px
}

[data-dpr="2"] .msg_dialog .text {
    line-height: 32px
}

[data-dpr="2.5"] .msg_dialog .text {
    line-height: 40px
}

[data-dpr="2.75"] .msg_dialog .text {
    line-height: 44px
}

[data-dpr="3"] .msg_dialog .text {
    line-height: 48px
}

[data-dpr="4"] .msg_dialog .text {
    line-height: 64px
}

.msg_dialog .modal-callback-btn {
    display: block;
    margin-top: .53333333rem;
    border-top-width: .05333333rem;
    border-top-style: solid;
    border-top-color: rgba(248,248,248,.82);
    height: 1.17333333rem;
    line-height: 44px;
    text-align: center;
    color: #007AFF;
    font-size: 17px
}

[data-dpr="2"] .msg_dialog .modal-callback-btn {
    line-height: 88px
}

[data-dpr="2.5"] .msg_dialog .modal-callback-btn {
    line-height: 110px
}

[data-dpr="2.75"] .msg_dialog .modal-callback-btn {
    line-height: 121px
}

[data-dpr="3"] .msg_dialog .modal-callback-btn {
    line-height: 132px
}

[data-dpr="4"] .msg_dialog .modal-callback-btn {
    line-height: 176px
}

[data-dpr="2"] .msg_dialog .modal-callback-btn {
    font-size: 34px
}

[data-dpr="2.5"] .msg_dialog .modal-callback-btn {
    font-size: 43px
}

[data-dpr="2.75"] .msg_dialog .modal-callback-btn {
    font-size: 47px
}

[data-dpr="3"] .msg_dialog .modal-callback-btn {
    font-size: 51px
}

[data-dpr="4"] .msg_dialog .modal-callback-btn {
    font-size: 68px
}

.msg_dialog-modal {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0;
    left: 0;
    background-color: rgba(0,0,0,.4);
    z-index: 998
}

a {
    -webkit-tap-highlight-color: transparent;
    -webkit-touch-callout: none;
    -webkit-user-select: none
}

#wrapper {
    padding-top: 1.49333333rem;
    padding-bottom: 1.30666667rem
}

#pages-container {
    padding-bottom: .64rem
}

.shizhan-course-rate {
    position: absolute;
    width: .74666667rem;
    height: .48rem;
    font-size: 12px;
    line-height: .48rem;
    color: #fff;
    background-color: #2b333b;
    font-weight: 200;
    text-align: center;
    right: -.10666667rem;
    top: .21333333rem;
    z-index: 5;
    border-top-left-radius: .08rem;
    border-bottom-left-radius: .08rem
}

[data-dpr="2"] .shizhan-course-rate {
    font-size: 24px
}

[data-dpr="2.5"] .shizhan-course-rate {
    font-size: 30px
}

[data-dpr="2.75"] .shizhan-course-rate {
    font-size: 33px
}

[data-dpr="3"] .shizhan-course-rate {
    font-size: 36px
}

[data-dpr="4"] .shizhan-course-rate {
    font-size: 48px
}

.shizhan-course-rate:after {
    position: absolute;
    content: '';
    width: 0;
    height: 0;
    overflow: hidden;
    border-top: 4px solid #2b333b;
    border-right: 4px solid transparent;
    border-width: .10666667rem;
    right: 0;
    bottom: -.10666667rem
}

.loading {
    text-align: center
}

.loading img {
    width: 1rem
}

.load-tip {
    text-align: center;
    font-size: 12px
}

[data-dpr="2"] .load-tip {
    font-size: 24px
}

[data-dpr="2.5"] .load-tip {
    font-size: 30px
}

[data-dpr="2.75"] .load-tip {
    font-size: 33px
}

[data-dpr="3"] .load-tip {
    font-size: 36px
}

[data-dpr="4"] .load-tip {
    font-size: 48px
}

.loading-more {
    display: block;
    width: 4.8rem;
    height: .96rem;
    margin: auto;
    border-radius: .50666667rem;
    line-height: .96rem;
    text-align: center;
    border: 1px solid #d9dde1;
    color: #71777d;
    font-size: 12px
}

[data-dpr="2"] .loading-more {
    font-size: 24px
}

[data-dpr="2.5"] .loading-more {
    font-size: 30px
}

[data-dpr="2.75"] .loading-more {
    font-size: 33px
}

[data-dpr="3"] .loading-more {
    font-size: 36px
}

[data-dpr="4"] .loading-more {
    font-size: 48px
}

.loading-more:hover {
    color: #71777d
}

.loading-more:visited {
    color: #71777d
}

.course-item {
    float: left;
    position: relative;
    width: 4.53333333rem;
    height: 4.26666667rem;
    margin-left: .32rem;
    margin-bottom: .32rem;
    box-shadow: 0 0 10px 0 rgba(7,17,27,.1);
    color: #2b333b
}

.course-item a {
    display: block;
    height: 100%;
    color: inherit;
    background-color: #fff;
    border-radius: .13333333rem;
    overflow: hidden
}

.course-item .price-box {
    position: absolute;
    bottom: .32rem
}

.course-item .price-box .now-price {
    margin-right: .21333333rem;
    color: #FF2D50;
    font-size: 10px;
    letter-spacing: 0;
    line-height: .53333333rem
}

[data-dpr="2"] .course-item .price-box .now-price {
    font-size: 20px
}

[data-dpr="2.5"] .course-item .price-box .now-price {
    font-size: 25px
}

[data-dpr="2.75"] .course-item .price-box .now-price {
    font-size: 28px
}

[data-dpr="3"] .course-item .price-box .now-price {
    font-size: 30px
}

[data-dpr="4"] .course-item .price-box .now-price {
    font-size: 40px
}

.course-item .price-box .student-price {
    border: 1px solid rgba(255,45,80,.2);
    border-radius: .05333333rem;
    border-width: .02666667rem;
    padding-top: .08rem;
    padding-bottom: .08rem;
    padding-left: .10666667rem;
    padding-right: .10666667rem;
    text-align: center;
    font-size: 10px;
    color: #ff2d50;
    line-height: 1
}

[data-dpr="2"] .course-item .price-box .student-price {
    font-size: 20px
}

[data-dpr="2.5"] .course-item .price-box .student-price {
    font-size: 25px
}

[data-dpr="2.75"] .course-item .price-box .student-price {
    font-size: 28px
}

[data-dpr="3"] .course-item .price-box .student-price {
    font-size: 30px
}

[data-dpr="4"] .course-item .price-box .student-price {
    font-size: 40px
}

.course-item .price-box .student-price p {
    height: .26666667rem;
    line-height: .30666667rem
}

.course-item .price-box .student-price .price {
    margin-left: .10666667rem;
    color: #2B333B
}

.course-item .price-box .origin-price {
    margin-left: .05333333rem;
    font-size: 10px;
    color: #B7BBBF;
    line-height: .53333333rem;
    text-decoration: line-through
}

[data-dpr="2"] .course-item .price-box .origin-price {
    font-size: 20px
}

[data-dpr="2.5"] .course-item .price-box .origin-price {
    font-size: 25px
}

[data-dpr="2.75"] .course-item .price-box .origin-price {
    font-size: 28px
}

[data-dpr="3"] .course-item .price-box .origin-price {
    font-size: 30px
}

[data-dpr="4"] .course-item .price-box .origin-price {
    font-size: 40px
}

.course-item .surface {
    width: 100%;
    height: 2.53333333rem;
    vertical-align: middle
}

.course-item .desc-box {
    position: relative;
    margin-top: .21333333rem;
    margin-left: .32rem;
    margin-right: .32rem
}

.course-item .desc-box .h2 {
    font-size: 14px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap
}

[data-dpr="2"] .course-item .desc-box .h2 {
    font-size: 28px
}

[data-dpr="2.5"] .course-item .desc-box .h2 {
    font-size: 35px
}

[data-dpr="2.75"] .course-item .desc-box .h2 {
    font-size: 39px
}

[data-dpr="3"] .course-item .desc-box .h2 {
    font-size: 42px
}

[data-dpr="4"] .course-item .desc-box .h2 {
    font-size: 56px
}

.course-item .desc-box .person-num {
    color: #b7bbbf
}

.course-item .desc-box .person-num em {
    margin-left: .06666667rem;
    margin-right: .06666667rem
}

.course-item .desc-box .detail {
    font-size: 10px
}

[data-dpr="2"] .course-item .desc-box .detail {
    font-size: 20px
}

[data-dpr="2.5"] .course-item .desc-box .detail {
    font-size: 25px
}

[data-dpr="2.75"] .course-item .desc-box .detail {
    font-size: 28px
}

[data-dpr="3"] .course-item .desc-box .detail {
    font-size: 30px
}

[data-dpr="4"] .course-item .desc-box .detail {
    font-size: 40px
}

.coding-css {
    height: 5.33333333rem
}

.coding-css .desc-box {
    position: relative;
    height: 2.53333333rem
}

.coding-css .desc-box .h2 {
    line-height: 1.3;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: break-all;
    word-wrap: break-word;
    white-space: normal
}

.coding-css .desc-box .detail {
    position: absolute;
    bottom: .85333333rem;
    line-height: .26666667rem;
    margin-top: .32rem;
    margin-bottom: .21333333rem;
    width: 100%
}

.check-type-btn {
    display: block;
    padding-top: .26666667rem;
    padding-bottom: .26666667rem;
    margin: auto;
    width: 4.8rem;
    letter-spacing: .05333333rem;
    text-align: center;
    line-height: .42666667rem;
    border: 1px solid #D9DDE1;
    border-radius: .48rem
}

.share-enter {
    display: inline-block;
    width: 1.70666667rem;
    height: .64rem;
    margin-left: .3rem;
    margin-top: -.07rem
}

.share-enter img {
    width: 100%
}
